<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>inline</title>
    <!--在script标签中使用内联脚本-->
    <script type="text/javascript" th:inline="javascript">
        var myname = [[${name}]];
        var myage = [[${age}]];
        function fun(){
            alert("单击时间,获取数据" + myname + "," + myage);
        }


    </script>
</head>
<body>
    <div style="margin-left: 400px">
        <h3>
            内联text,使用内联表达式显示变量的值
            因为使用的是模版引擎 所以 模版有自己的规矩
            显示的方式只有两种 1. th:text   2.使用内联   而 th:inline  写不写都行  在编译的时候 都会加上  目的是为了  解析   而又不影响其他的操作
            现在只需要知道  想要显示  就这两种语法就可以了  写不写都行就可以了
        </h3>
        <div th:inline="text">
            <p>我是[[${name}]]，年龄是 [[${age}]]</p>
            <!--使用下面的形式写也可以,但是要多写很多东西 很麻烦  也不能使用统一的样式 -->
            我是<span th:text="${name}"></span>年龄是<span th:text="${age}"></span>
        </div>

        <div>
            <p>使用内联text  但是没有写内联的标签</p>
            <p>我是[[${name}]] , 性别是[[${age}]]</p>

            <input type="button" name="btn" value="点击获取模版数据" onclick="fun()">

        </div>


    </div>
</body>
</html>